*{ margin:0; padding:0; font-family:微软雅黑; font-size:13px;}
@font-face {
    font-family: 'FZLTZHK';
    src: url('../fonts/FZLTZHK.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HiraginoSansGBW3';
    src: url('../fonts/Hiragino Sans GB W3.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
td{ min-height:39px;}
ul{ margin:0}
input{ outline:none}
li { list-style:none;}
img{ }
a{ text-decoration:none; color:#000}
a:hover{ text-decoration:none; color:#000}

.main{ width:1200px; margin:0 auto; position:relative}

.top{ background:#232323; height:35px; text-align:right; line-height:35px; color:#fff;}
.tel{ padding-left:20px; background:url(../images/tel.jpg) left center no-repeat}
.cn{padding-left:20px; background:url(../images/cn.jpg) left center no-repeat; margin-left:13px;}
.en{padding-left:20px; background:url(../images/en.jpg) left center no-repeat; font-family:arial; margin-left:8px}

#search{ width:156px; display:inline-block; position:relative; margin-left:11px}
#key{ width:130px; height:25px; border:#515151 solid 1px; position:absolute; left:0; border-radius:5px; background:#232323; text-indent:8px; top:-18px}
#qd{ position:absolute; right:0; top:-18px}

.top1{ height:96px;}
.top1 ul{ float:right}
.top1 li{ display:inline-block; line-height:96px; height:96px;margin:0px 20px}
.top1 li:hover{ border-bottom:3px solid #04569f;}
.top1 li.on{ border-bottom:3px solid #04569f;}
.top1 li.on a{ color:#04569f}
.top1 li a{ font-size:15px;}
.top1 li a:hover{ color:#04569f;}

.pro{ height:795px; background:url(../images/probg.jpg) center no-repeat; padding-top:60px; margin-bottom:42px;}
.proinx{ background:url(../images/proinx.png) center no-repeat; height:54px; margin-bottom:30px}
.proinxul li{ float: left; margin:3px 4px; position:relative; width:24%;}
.proinxul li img{width:100%;}
.proinxul li:hover .proshadow{ display:block}
.proshadow{ width:100%; height:100%; background:url(../images/proshadow.png); position:absolute; top:0; left:0; display:none}
.proshadow p{ font-size:18px; color:#fff; padding-top:60px; text-align:center}
.proshadow a{ display:block; font-size:14px; font-family:arial; text-align:center; color:#fff; padding-top:4px}
.proshadow b{height: 1px;width: 70px;display: block;margin: 0 auto;background-color: #FFF;}
.more{ background:url(../images/more.png); display:block; width:185px; height:39px; line-height:39px; font-size:14px; font-family:arial; text-align:center; margin:31px auto}

.aboutl{ width:777px; height:391px; float:left; background:#f7f7f7; position:relative;}
.aboutl img{ width:65%; position:absolute; right:30px; top:180px; transition: all 0.5s ease 1s; opacity:0}
.aboutl li.on{}
.aboutl li.on img{top:80px; opacity:1}
.aboutl li{ width:777px; height:391px;  padding-left:48px; padding-top:75px; position:absolute; left:0; top:0; display:none}
.lcont{ font-size:14px; color:#212121; font-family:arial; line-height:24px; margin-bottom:40px;transition: all 0.5s ease 0.3s; opacity:0; padding-top:30px; position:absolute}
.aboutl li.on .lcont{padding-top:0px; opacity:1; top:144px;}
.lname{ font-weight:bold; font-size:24px; color:#212121;margin-bottom:35px;transition: all 0.5s ease 0s; opacity:0; padding-top:30px; position:absolute}
.aboutl li.on .lname{padding-top:0px; opacity:1; top:75px}
.lmore{ display:block; width:115px; height:39px; border:1px solid #000; line-height:39px; font-family:arial; font-size:14px; color:#212121; text-align:center;transition: all 0.5s ease 0s; opacity:0; position:absolute}
.aboutl li.on .lmore{padding-top:0px; opacity:1; bottom:72px}
.aboutl li:hover .lmore{ background:#04569f; border:#04569f 1px solid; color:#fff}
.zhuan{ width:100%; height:5px; position:absolute; bottom:50px}
.a1,.a2,.a3{ width:32px; height:5px; display:inline-block; background:#cbcbcb; cursor:pointer}
.zhuan a:hover{ background:#04569f;}
.zhuan a.on{ background:#04569f;}
.aboutr{ width:393px; height:391px; float:left; background:url(../images/aboutr.jpg); position:relative}
.aboutr i{ display:block; width:37px; height:37px; background:url(../images/plus.png); position:absolute; top:145px; left:179px; transition:all 0.5s ease 0s}
.aboutr a:hover i{ top:125px}
.aboutr a{ display:block; width:100%; height:100%}
.aboutr p{ font-size:16px; color:#fff; text-align:center; line-height:30px; padding-top:190px}

.honor{ width:391px; height:390px; background:url(../images/honor.jpg); float:left}
.slide{ width:217px; margin-top:70px; margin-left:87px; position:relative;overflow:hidden; margin-right:0}
.slide ul{ width:10000px; position:relative; transition:all 0.5s ease 0s; left:0}
.slide ul.slide-ul1{ left: 0;}
.slide ul.slide-ul2{ left: -217px;}
.slide ul.slide-ul3{ left: -434px;}
.slide li{ float:left; width:217px;}
.slide li img{width:100%;}
.slide li p{ color:#fff; font-size:12px; text-align:center; padding-top:40px}
.xuan{ text-align:center}
.xuan a{ display:inline-block; width:6px; height:6px; border:1px solid #fff; margin:5px 3px}
.xuan a:hover{ background:#fff}
.xuan a.on{ background:#fff}

.service{ width:779px; height:390px; background:url(../images/fwly.jpg); float:left}
.service a{ display:block; width:100%; height:100%;}
.service .sbxg{ width:100%; height:100%; visibility:hidden; opacity:0; background:url(../images/sbxg.png) repeat; transition:all 0.5s ease 0s; text-align:center}
.sbxg span{ width:1px; height:1px; background:#fff; transition:all 0.5s ease 0s; display:block; margin: 15px auto 20px;}
.service:hover span{ width:50px;}
.service p{ color:#fff; font-size:14px; line-height:24px}
.service .tit{ font-weight:bold; padding-top:150px}
.service:hover .sbxg{ opacity:1; visibility:visible}

.gcal{ margin-top:65px;}
.gcalinx{ background:url(../images/gcal.jpg) center no-repeat; height:55px; margin-bottom:38px}
.gcal ul{ border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; width:1169px;}
.gcal ul li{ width:292px; height:221px; float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; transition:all 0.5s ease 0s}
.gcal ul li a{ display:block; width:100%; height:100%; text-align:center; padding-top:170px}
.gcal ul li:hover a{ color:#fff}
.anli1{ background:url(../images/anli1.jpg);}
.anli2{ background:url(../images/anli2.jpg);}
.anli3{ background:url(../images/anli3.jpg);}
.anli4{ background:url(../images/anli4.jpg);}
.anli5{ background:url(../images/anli5.jpg);}
.anli6{ background:url(../images/anli6.jpg);}
.anli7{ background:url(../images/anli7.jpg);}
.anli8{ background:url(../images/anli8.jpg);}
.anli1:hover{ background:url(../images/anli11.jpg);}
.anli2:hover{ background:url(../images/anli12.jpg);}
.anli3:hover{ background:url(../images/anli13.jpg);}
.anli4:hover{ background:url(../images/anli14.jpg);}
.anli5:hover{ background:url(../images/anli15.jpg);}
.anli6:hover{ background:url(../images/anli16.jpg);}
.anli7:hover{ background:url(../images/anli17.jpg);}
.anli8:hover{ background:url(../images/anli18.jpg);}

.news{ margin-top:60px; margin-bottom:60px;}
.newsinx{ background:url(../images/xwzxt.jpg) center no-repeat; height:55px; margin-bottom:40px;}
.news li{ width:400px; float:left;}
.news li img{ max-width:100%;}
.news li p{ font-size:15px; line-height:24px; margin:10px 0; text-overflow:ellipsis;/*隐藏的显示省略符号*/
	overflow: hidden;
	white-space: nowrap;/*不换行*/}
.news li p a{width:100%;	}
.news li span{ padding-left:20px; background:url(../images/shijian.jpg) left center no-repeat; font-size:14px; color:#777777;}

.foot{ background:#303030; height:370px; padding-top:30px}
.gyhb{ width:130px; float:left; margin-right:50px;}
.qyry{width:130px;float:left; margin-right:50px;}
.kjdh{ width:130px;float:left; margin-right:50px;}
.cpzx{ width:340px;float:left; margin-right:50px;}
.cpzx li{ width:50%; float:left}
.foot ul p{ font-size:14px; color:#efefef; border-bottom:1px dashed #676767; line-height:40px; padding-left:10px; background:url(../images/dian.jpg) left center no-repeat} 
.foot ul li { font-size:13px; line-height:30px; padding-left:10px}
.foot ul li a{ color:#b8b8b8}

.kfrx{ width:230px; float:right; margin-top:20px}
.kfrx p.kfrxn{ font-size:30px; color:#04569f; margin:0}
p.kfrx1{ font-size:14px; color:#b9b9b9; text-align:right; line-height:24px; margin:0;}
.sjz{ float:right; margin-left:18px; line-height:25px; font-size:13px; color:#b9b9b9; text-align:center}
.wx{ float:right;line-height:25px; font-size:13px; color:#b9b9b9; text-align:center}

.foot1{ padding:20px 0px; line-height:66px; font-size:13px; color:#727272; background:#191919; text-align:center}
.foot1 a{color:#727272;}
.foot1 .main{line-height: 20px;}



.mbx{line-height:52px;height:52px;background:#e5e5e5;}
.mbx .dh{ font-size:15px; color:#878787;}
.mbx .dh a{ color:#878787; font-size: 15px;}
.mbx ul{ float:right}
.mbx ul li{ display:inline-block; line-height:52px; height:52px; width:103px; text-align:center; background:url(../images/mbxbg.jpg) right center no-repeat;}
.mbx ul li:hover{ background:#04569f}
.mbx ul li:hover a{ color:#fff}
.mbx ul li a{ color:#212121; font-size:14px;}

#cmpf{ padding-top:58px;}
#cmpf img{ max-width:100%}
.cmpft{ background:url(../images/gsjjt.jpg) center no-repeat; height:54px; margin-bottom:48px;}
#cmpf p{font-size:14px; color:#555555; line-height:28px; margin-bottom:38px;}
#cmpf{padding-bottom: 20px;}

#dsz{ background:url(../images/dszbg.jpg); padding-top:76px; height:662px;}
.dszt{ background:url(../images/dszt.png) center no-repeat; height:54px; margin-bottom:40px;}
#dsz p{ margin-bottom:22px; font-size:14px; text-indent:2em; color:#e8e8e8;}
#dsz ul li{ width:368px; height:161px; border-radius:5px; display:inline-block; margin:42px 14px}

#qywh{ padding-top:69px; padding-bottom:55px}
.qywht{ background:url(../images/qywht.jpg) center no-repeat; height:56px; margin-bottom:50px;}
.qyryt{ background:url(../images/qyryt.jpg) center no-repeat; height:56px; margin-bottom:50px;}
.gcalt{ background:url(../images/gcalt.jpg) center no-repeat; height:56px; margin-bottom:50px;}
.zlxzt{ background:url(../images/zlxzt.jpg) center no-repeat; height:56px; margin-bottom:50px;}
.kffwt{ background:url(../images/kffwt.jpg) center no-repeat; height:56px; margin-bottom:50px;}
.lxwmt{ background:url(../images/lxwmt.jpg) center no-repeat; height:56px; margin-bottom:50px;}
.qywhl{ float:left}
.qywhr{ float:left; margin-left:50px; line-height:32px; font-size:14px; color:#555;}

#zzjg{ background:#f0f0f0; padding-top:64px; padding-bottom:74px}
.zzjgt{ background:url(../images/zzjgt.jpg) center no-repeat; height:54px; margin-bottom:50px;}
.zzjgc{ background:url(../images/zzjg.jpg) center no-repeat; height:610px;}
.zzjgc1{ background:url(../images/zzjg1.jpg) center no-repeat; height:610px;}

.contact{ padding-top:52px; padding-bottom:62px}
.cntl{ float:left; width:572px; height:560px; margin-right:50px;}
.cntr{ float:left; width:550px}
.cntt{ font-size:30px; color:#04569f; padding-left:10px; border-bottom:1px dashed #aaaaaa; line-height:60px}
.cntr ul{ padding-top:20px}
.cntr li{ padding-left:10px; font-size:14px; color:#555555; line-height:30px;}
.cntr li span{ font-size:18px; color:#04569f}

.dianji,.dianji1 { display:block; margin:50px auto; width:174px; height:35px; border:1px solid #c0c0c0; border-radius:10px; text-align:center; line-height:35px; color:#555; cursor:pointer}
.dianji:hover,.dianji1:hover{ color:#555}
.xwzxt{ height:54px; background:url(../images/xwzxt.jpg) center no-repeat; margin-bottom:42px}

#industry{ background:#f0f0f0; padding-top:67px; padding-bottom:50px}
.industry{ height:54px; background:url(../images/industry.jpg) center no-repeat; margin-bottom:40px;}

#industry ul li{ float:left; width:572px; height:152px; border-bottom:1px solid #d2d2d2; margin-right:25px; background:#fff; margin-bottom:22px; padding-left:18px; padding-top:30px; padding-right:18px}
#industry ul li:hover{ box-shadow:rgba(8,1,3,.2) 0 0 36px 3px}
#industry ul li h3{ font-size:15px; color:#212121; padding:0; margin:0}
#industry ul li h3 a{ font-size:15px; color:#212121; padding:0; margin:0}
#industry ul li span{padding-left:20px; background:url(../images/shijian.jpg) left center no-repeat; font-size:14px; color:#777777; line-height:30px}
#industry ul li p{ color:#555; font-size:14px; line-height:24px}
#industry ul li p a{ color:#555}

.prol{float: left; width: 234px;}
.prolt{ background: #04569f; line-height: 61px; height: 61px; color: #fff; text-indent: 20px; font-size: 16px;}
.prol ul { border-bottom: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd; }
.prol ul li{ height: 50px; line-height: 50px; border-top: 1px solid #cdcdcd; color: #555555; text-indent: 20px; background: url(../images/proli.jpg) right center no-repeat;}

.pror{ width: 900px; float: right;}
.prort{ background: url(../images/prort.jpg) left bottom no-repeat; height: 44px; margin-bottom: 25px; line-height: 44px; font-size: 16px; padding-left: 10px;}
.prort span{ float: right; font-size: 14px; color: #555;}
.prort span a{ color: #555;}
.pror li{ width: 208px;  float:left; margin: 0 8.5px;}
.pror li .img{display:block; border: 1px solid #e9e9e9;}
.pror li:hover .img{ border: 1px solid #04569f;}
.pror li img{  width:100%; }

.pror li:hover a{ color: #04569f;}
.pror li p{ font-size: 13px; color: #555; text-align: center; line-height: 18px; height: 85px; padding-top: 20px;}
.pror li p a{ color: #555;}
.newsv{ margin: 50px 0;}
.newsv h3{ text-align: center; margin-bottom: 20px;}
.newsv .time{ color: #555; text-align: center; font-size: 16px;}
.newsc{ line-height: 30px; font-size: 16px; margin-top: 20px;}
.newsc p{ font-size: 16px; margin-bottom: 15px;}

.proimg img{}
.prorc{ font-size: 16px; margin: 20px 0;}
.prorc table{ width:100%; text-align:center}
.prorc img{ max-width:100%}
.topm{ display: none;}
.navr{ display: none;}
.bannerm{ display: none;}
.banm{ display: none;}
.ditu1{ display: none;}

.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar ul li p{ margin: 0; font: 16px "microsoft yahei"}
.yb_bar .yb_top {
	background: #1154a5 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #1154a5 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #1154a5 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #1154a5 url(../images/fixCont.png) no-repeat 0 -307px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 20px;
	color: #fff;
}

.shoujiimg{ display:none}
@media (max-width:1199px){
	
	.main{ width:90%}
	
	.top{ display: none;}
	.top1{ display: none;}
	.banner{ display: none;}
	.pro{ background: none; height: auto;}
	.pro ul{ width: 100%;}
	.pro li{ width: 30%; margin:3px 1.5%;}
	.pro li img{ width: 100%;}
	.aboutl{ width: 70%;}
	.aboutl li{ width: 100%;}
	.aboutr{ width: 30%;background:url(../images/aboutr.jpg) 100%;}
	.aboutr i{ left: 50%; margin-left: -18.5px;}
	
	.topm{ display:block; height:80px; background: #191919; position: fixed; top: 0; width: 100%; z-index: 999;}
	.topm img{ margin-left:20px;}
	.nav{ width: 80px; height: 80px; background: url(../images/nav.png); position: absolute; top: 0;right: 0;}
	.jgm{ height: 80px; width: 100%;}
	.navr{ display: block; width: 50%; height: 100vh; background: #191919; position: fixed; left: 100%; top: 0; z-index: 9999; transition: all 0.5s;}
	.navr li{text-align: center; line-height: 10vh;}
	.navr li a{ color: #fff;}
	.navsha{ width: 100%; position: fixed; left: 0; top: 0; visibility:hidden; background: #191919; opacity: .5; height: 100vh; z-index: 9998; transition: all 0.5s;}
	.bannerm{ width: 100%; overflow: hidden; display: block;}

	.mbx{ display: none;}
	#dsz{ padding-top: 40px;}
	#dsz ul{ display: none;}
	.qywhl{ margin-bottom: 15px;}
	.qywhr{ margin-left:0;}
	#zzjg{ display: none;}
	.gcal ul{ width: 100%;}
	.gcal ul li{ width: 25%; height: calc(22.5vw * 0.756); background-size: 100% 100% !important;}
	.gcal ul li a{ padding-top: calc(22.5vw*0.5);}
	.news li { width: 50%; padding:0 5%;}
	#industry ul li{ width: auto; height: auto; margin-right: 0;}
	.cntl{ width: 100%; height: auto;}
	.cntr{ width: 100%;}
	.ditu{ display: none;}
	.ditu1{ display: block; height: 90vw;}
	.foot{ display: none;}

	.prol{ /*display: none;*/width:100%;}
	.prol ul li{float:left;width:50%;overflow:hidden;    text-indent: 10px;}
	.prol ul:after{content:"";display:block;clear:both;}
	.pror{ width: 100%;}
	.pror li{ width: 20%; margin: 0 2.5%;}
	.honor{ width: 30%; }
	.slide{width: 80%;margin-left: auto;margin-right: auto;}
	.slide ul{ width: 500%;}
	.slide li{ width: 20%;}
	.service{ width: 70%;}
	.slide ul.slide-ul2{ left: -100%;}
	.slide ul.slide-ul3{ left: -200%;}
	
	.proshadow p{padding-top:45px;font-size:16px; }

}

@media (max-width:767px){
	
	.gcal ul{ width: 100%;}
	.gcal ul li{ width: 33.3333%; height: calc(29.9999vw * 0.756); background-size: 100% 100% !important;}
	.gcal ul li a{ padding-top: calc(29.9999vw*0.5);}
	.pror li{ width: 30%; margin: 0 1.5%;}
	.prort span{ display: none;}
	.ban{ display: none;}
	.banm{display: block;}
	.banm img{ width: 100%;}
	.yb_conct{ display: none;}
	/*#tsShopContainer{ display:none}*/
	/*.shoujiimg{ display:block}*/
	#tsShopContainer{width:auto !important;}
	#tsShopContainer #tsImgS img{width:100% !important;height:auto !important;}
	.MagicZoomBigImageCont{display:none !important;}
	#tsShopContainer #tsPicContainer #tsImgSCon{width:80% !important;}
	.proshadow p{padding-top:30px;font-size:12px; }

	.aboutl li.on img{top:150px; }
}
@media (max-width:480px){
	.proshadow p{padding-top:10px; }
	.pro li{ width: 45%; margin: 3px 2%;}
	.lname{ position: absolute; z-index: 9; top: 60px;}
	.lcont{ position: absolute; top: 120px; z-index: 9;}
	.lmore{ position: absolute; bottom: 100px;}
	.aboutl img { z-index: 8;}
	.aboutl{ width: 100%;}
	.aboutl li{ width: 100%;}
	.aboutr{ width: 100%;background:url(../images/aboutr.jpg) 100%; height: 45vw;}
	.aboutr i{ left: 50%; margin-left: -18.5px;top: calc(22.5vw - 40px);}
	.aboutr p{ padding-top: 22.5vw;}
	.honor{ width: 50%;background:url(../images/honor.jpg) 100%; height: 45vw;}
	.slide{ margin-left: auto; margin-right: auto; width: 50%; margin-top: 30px;}
	.slide li p{ padding-top: 0;}
	.slide ul{ width: 500%;}
	.slide li{ width: 20%;}
	.slide ul.slide-ul2{ left: -100%;}
	.slide ul.slide-ul3{ left: -200%;}
	.proshadow a{ font-size: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	.service{ width: 100%; height: 45vw; background-size: 100% 100%;}
	.service .tit{ padding-top: 20px;}
	.gcal ul{ width: 100%;}
	.gcal ul li{ width: 50%; height: calc(45vw * 0.756); background-size: 100% 100% !important;}
	.gcal ul li a{ padding-top: calc(45vw*0.5);}
	.news li { width: 100%;}
	.pror li{ width: 45%; margin: 0 2.5%;}
	.proimg img{ max-width: 100%;}

}
#mobile_nav_wrap, #mobile_nav { display:none; }
@media screen and (max-width:768px){
#mobile_nav_wrap { height:49px; width:100%; display:block; }
#mobile_nav { border-top: 1px solid rgb(61, 61, 70); width: 100%; height: 48px; display: -webkit-box; margin: 0px; padding: 0px; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(25, 25, 25, 0.86)), color-stop(0.6, rgb(25, 25, 25)), to(rgba(25, 25, 25, 0.96)));box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-10px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle; width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 20%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px;}
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }
 }




/*分页*/
.page {width:100%;text-align:center; display:inline-block; padding:20px 0;}
.page strong {color:#FFF;cursor:pointer; padding:7px 12px;margin:1px 10px 0px -1px;  border:1px solid #0071b6;  display:inline-block; background:#0071b6;}
.page a {color:#000;cursor:pointer;  padding:7px 12px;margin:0 10px 10px 0;   border:1px solid #e6e6e6; display:inline-block; }
.page a:hover {color:#fff; border:1px solid #0071b6; background:#0071b6;}



/*图形列表*/
#cmpf .main .left{width:220px; float:left;}
#cmpf .main .right{width:960px; float:right;}

#cmpf .main .list li{ width: 208px; float:left; margin: 0 8.5px;}
#cmpf .main .list li .img{border: 1px solid #e9e9e9;   max-width:100%;   height:208px;   text-align: center;  line-height:208px; }
#cmpf .main .list li:hover .img{ border: 1px solid #04569f;}
#cmpf .main .list li img{   max-width:100%; display: inline-block; vertical-align: middle;}
#cmpf .main .list li:hover a{ color: #04569f; }
#cmpf .main .list li span{ display:block;width: 208px;  font-size: 13px; color: #555; text-align: center; line-height: 18px; height: 20px; padding-top: 5px; margin-bottom:40px;}
#cmpf .main .list li p a{ color: #555;}
#cmpf .main .name{font-size:25px; }
#cmpf .main .time{ float:right;}